<template>
		<view class="item">
		
			<view class="text-line" style="margin-top: 20rpx;">
				<text class="text-name">还款状态:</text>
				<text class="text-value">{{detailbean.paymentStatusStr|filterNull}}</text>
			</view>
		
			<view class="text-line">
				<text class="text-name">还款期数:</text>
				<text class="text-value">{{2==detailbean.collectionType?`第${detailbean.stage}期`:'--'}}</text>
			</view>
		
			<view class="text-line">
				<text class="text-name">还款类型:</text>
				<text class="text-value">{{detailbean.collectionTypeStr|filterNull}}</text>
			</view>
		
			<view class="text-line">
				<text class="text-name">应还日期:</text>
				<text class="text-value">{{detailbean.receivableDate|filterNull}}</text>
			</view>
		
			<view class="text-line">
				<text class="text-name">应还总金额:</text>
				<text class="text-value">￥{{detailbean.receivableAmount|filterNull}}</text>
			</view>
		
			<view class="text-line">
				<text class="text-name">已还总金额:</text>
				<text class="text-value">￥{{detailbean.receivedAmount|filterNull}}</text>
			</view>
		
			<view class="text-line">
				<text class="text-name">欠款金额:</text>
				<text class="text-value">￥{{detailbean.uncollectedAmount|filterNull}}</text>
			</view>
		
			<view class="text-line">
				<text class="text-name">逾期天数:</text>
				<text class="text-value">{{detailbean.overdueDays|filterNull}}</text>
			</view>
		
		</view>
</template>

<script>
	export default {
		data() {
			return {
				receivablesId:'',
				detailbean:{}
			}
		},
		methods: {
			
		},
		onLoad(op) {
			this.receivablesId = 'null'!=op.receivablesId?op.receivablesId:''
			
			this.$u.api.getPaymentPlanDetails({
				receivablesId:this.receivablesId
			}).then(res=>{
				this.detailbean = res
			})
		},
	}
</script>

<style>

</style>
